// 这是指令相关的模块
/* import Vue from 'vue'
// 注册自定义指令
Vue.directive('imgerror', {
  // 当被绑定的元素插入到 DOM 中时
  inserted(el, binding) {
    console.log(binding.value)
    // console.log(el) // el是使用指令的dom元素
    // onerror是图片加载失败后会触发的函数, 图片资源加载失败 为图片的src设置默认图像地址
    el.onerror = function() {
      // el.src = 'https://img1.baidu.com/it/u=2381139305,4221254532&fm=253&fmt=auto&app=138&f=PNG?w=500&h=500'
      el.src = binding.value || 'https://img1.baidu.com/it/u=2381139305,4221254532&fm=253&fmt=auto&app=138&f=PNG?w=500&h=500' // 如果图片加载失败后将指令传入的默认图像地址渲染
    }
  }
})

Vue.directive('bgc', {
  inserted(el) {
    el.style.backgroundColor = 'pink'
  }
}) */
// ------------------------------以上代码是直接导入到main.js中执行, 一次注册所有指令-----------

export const imgerror = {
  // 当被绑定的元素插入到 DOM 中时
  inserted(el, binding) {
    console.log(binding.value)
    // console.log(el) // el是使用指令的dom元素
    // onerror是图片加载失败后会触发的函数, 图片资源加载失败 为图片的src设置默认图像地址
    el.onerror = function() {
      // el.src = 'https://img1.baidu.com/it/u=2381139305,4221254532&fm=253&fmt=auto&app=138&f=PNG?w=500&h=500'
      el.src = binding.value || 'https://img1.baidu.com/it/u=2381139305,4221254532&fm=253&fmt=auto&app=138&f=PNG?w=500&h=500' // 如果图片加载失败后将指令传入的默认图像地址渲染
    }
  }
}

export const bgc = {
  inserted(el) {
    el.style.backgroundColor = 'pink'
  }
}
export const agc = {
  inserted(el) {
    el.style.backgroundColor = 'pink'
  }
}
export const cgc = {
  inserted(el) {
    el.style.backgroundColor = 'pink'
  }
}
export const dgc = {
  inserted(el) {
    el.style.backgroundColor = 'pink'
  }
}

// 以上代码是别人写好的 按需导出了很多个指令的配置对象, 完成批量注册所有指令
